<section class="services">
	<div class="container">
	<div class="row-fluid">
		<div class="span12 text-right">
				<button class="btn btn-info">Crear proveedor</button>
			</div>
	</div>				
		<div class="row-fluid">
			<div class="span3">
				<form>
					<fieldset>
						<legend>
							<h3>Busqueda</h3>
						</legend>
						<label><strong>Nombre:</strong></label>
						<input type="text" class="span12" />
						<label><strong>Mail:</strong></label>
						<input type="text" class="span12" />
						<label><strong>Estado:</strong></label>
						<div class="row-fluid">
							<select class="span12 height30">
								<option></option>
								<option>Activo</option>
								<option>INACTIVO</option>
							</select>
						</div>
						<div class="span11 text-right">
							<button type="submit" class="btn btn-info">Buscar</button>
						</div>

					</fieldset>
				</form>
			</div>

			<div class="span9">
				<legend>
					<h3>Lista de proveedores </h3>
				</legend>
				<table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th>ID</th>
							<th>Nombre</th>
							<th>CURP</th>
							<th>NSS</th>
							<th>Email</th>
							<th>Estado</th>
							<th>Acci&oacute;n</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>3</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>GOGF830513HVZNZR04</td>
							<td>67018301480</td>
							<td>franco.gman@hotmail.com</td>
							<td class="text-error"> INACTIVO</td>
							<td class="center"><i class=" btn btn-warning icon-ok-sign"></i><i class=" btn btn-success icon-edit"></i></td>
						</tr>
						<tr>
							<td>3</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>GOGF830513HVZNZR04</td>
							<td>67018301480</td>
							<td>franco.gman@hotmail.com</td>
							<td> ACTIVO</td>
							<td class="center"><i class=" btn btn-danger icon-remove"></i><i class=" btn btn-success icon-edit"></i></td>
						</tr>
					</tbody>
				</table>
				<hr>
				<div class="pagination pagination-centered">
					<ul>
						<li><a href="#">Prev</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">Next</a></li>
					</ul>
				</div>
			</div>
		</div>
		<hr>

	</div>
</section>
<script type="text/javascript">
	$(".nav li").removeClass('active');
	$(".proveedores").addClass('active');
	
</script>